@extends('layouts.app')

@section('title', '主题详情')

@section('style')
    <link rel="stylesheet" href="{{ asset('statics/css/haiyan-topics.css') }}" />
@stop

@section('content')
    <div class="top_banner_bj">
        <div class="layout">
            <img class="top_banner" src="{{ asset('statics/images/topic-img/icon_middle_banner.png') }}" alt="" />
        </div>
    </div>
    <div class="main">
        <div class="decorate1"></div>
        <div class="decorate2"></div>
        <div class="layout">
            <div class="section1">
                <div class="lead">
                    <div class="title">
                        <h1>导语</h1>
                        <p>lead</p>
                    </div>
                    <p class="t_justify ft_15">儿童的健康成长，关乎国家与民族的未来，每位家长都希望自己的孩子能够健康成长。可是，谈起儿童健康就会联想到室内环境污染问题。我们的孩子平均有90%的时间在室内，而65%的时间都会在家中。小孩比成年人更容易受到室内空气污染的危害。</p>
                </div>
                <div class="introduce">
                    <div class="title">
                        <h1><span class="title_line1"></span>本届论坛介绍<span class="title_line2"></span></h1>
                        <p>introduction</p>
                    </div>
                    <div class="introduce_title t_justify">
                        <p class="topic">保护儿童 拒绝室内环境污染</p>
                        <p class="topicE">Protect&nbsp;children&nbsp;from&nbsp;indoor&nbsp;environmental&nbsp;pollution.</p>
                    </div>
                    <div class="content">
                        <p>儿童的健康成长，关乎国家与民族的未来，每位家长都希望自己的孩子能够健康成长。可是，谈起儿童健康就会联想到室内环境污染问题。我们的孩子平均有90%的时间在室内，而65%的时间都会在家中。小孩比成年人更容易受到室内空气污染的危害。</p>
                        <p>儿童的健康成长，关乎国家与民族的未来，每位家长都希望自己的孩子能够健康成长。可是，谈起儿童健康就会联想到室内环境污染问题。我们的孩子平均有90%的时间在室内，而65%的时间都会在家中。小孩比成年人更容易受到室内空气污染的危害。</p>
                        <p>儿童的健康成长，关乎国家与民族的未来，每位家长都希望自己的孩子能够健康成长。可是，谈起儿童健康就会联想到室内环境污染问题。我们的孩子平均有90%的时间在室内，而65%的时间都会在家中。小孩比成年人更容易受到室内空气污染的危害。</p>
                    </div>
                </div>
            </div>
            <div class="section2">
                <div class="guests clearfix">
                    <div class="guestsImg">
                        <img src="{{ asset('statics/images/topic-img/pic1.jpg') }}" alt="" />
                    </div>
                    <div class="g_detial">
                        <div class="title">
                            <h1>本届嘉宾</h1>
                            <p>guests</p>
                        </div>
                        <div class="g_content">
                            <div class="name"><strong>奥利弗&nbsp;·&nbsp;哈特</strong>&nbsp;Oliver&nbsp;Hart</div>
                            <p>现任美国哈佛大学经济学教授。经济计量学会、美国人文与科学院院士，英国科学院院士，不完全合约理论的开创者之一。</p>
                            <p>2016年10月10日，因在契约理论方面的贡献获得诺贝尔经济学奖。</p>
                            <p>他关注契约理论、企业理论、公司金融和法律经济学等研究领域，是合同理论、现代厂商理论和公司财务理论的创立者之一。专著《企业、合同与财务结构》是其代表作，书中他进一步发展了产权理论，提出了“不完全合同”理论。</p>
                        </div>
                    </div>
                </div>
                <div class="guestsList clearfix">
                    <div class="guestsnum">
                        <img src="" alt="" />
                        <div class="num">
                            <h2>张曙光</h2>
                            <p class="t_justify">中国社会科学院经济研究所研究员，中国社会科学院研究生院教授。《中国社会科学评论》主编。</p>
                        </div>
                    </div>
                    <div class="guestsnum">
                        <img src="" alt="" />
                        <div class="num">
                            <h2>向松祚</h2>
                            <p class="t_justify">中国人民大学国际货币研究所理事兼副所长，美国约翰霍普金斯大学应用经济研究所高级顾问。《环球财经》杂志总编辑。</p>
                        </div>
                    </div>
                    <div class="guestsnum">
                        <img src="" alt="" />
                        <div class="num">
                            <h2>郭磊</h2>
                            <p class="t_justify">广发证券首席宏观分析师，华中科技大学经济学院金融学专业硕士导师。擅长宏观经济周期研究。</p>
                        </div>
                    </div>
                    <div class="guestsnum">
                        <img src="" alt="" />
                        <div class="num">
                            <h2>陈桂芳</h2>
                            <p class="t_justify">罗浮宫家居集团总裁</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section3">
                <div class="title">
                    <h1>会议流程</h1>
                    <p>agenda</p>
                </div>
                <p class="date">会议时间：2017年10月14日</p>
                <p class="date">会议地点：广东&nbsp;•&nbsp;佛山罗浮宫家居集团</p>
                <div class="agenda">
                    <div class="t-line"></div>
                    <ul class="j-t-line">
                        <li class="clearfix rev">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">14:00-14:25&nbsp;入场签到</div>
                        </li>
                        <li class="clearfix">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">14:30-14:50&nbsp;开幕致辞</div>
                        </li>
                        <li class="clearfix rev">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">14:50-15:30&nbsp;主题演讲</div>
                        </li>
                        <li class="clearfix">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">15:30-16:00&nbsp;主题演讲</div>
                        </li>
                        <li class="clearfix rev">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">16:00-16:30&nbsp;主题演讲</div>
                        </li>
                        <li class="clearfix">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">16:30-17:00&nbsp;圆桌对话</div>
                        </li>
                        <li class="clearfix rev">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">17:00-17:10&nbsp;现场互动</div>
                        </li>
                        <li class="clearfix">
                            <span class="time"></span>
                            <span class="icon"></span>
                            <div class="links">17:10&nbsp;活动结束</div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="section4">
                <div class="title">
                    <h1>最新资讯</h1>
                    <p>news</p>
                </div>
                <div class="sliders_tab">
                    <div class="slider_pic">
                        <div class="hd">
                            <ul>
                                <li class="on"></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="bd">
                            <ul>
                                <li>
                                    <a href="#" target="_blank">
                                        <img src="{{ asset('statics/images/topic-img/icon_pic_news.jpg') }}" alt="" />
                                        <div class="layer"></div>
                                        <div class="slide-left">
                                            <h2>“百分数与小数的互化”教学反思</h2>
                                            <p>《百分数与小数的互化》这节课是在学生掌握了分数与小数的互化、百分数的初步认识基础上进行教学的...</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <img src="{{ asset('statics/images/topic-img/icon_pic_news.jpg') }}" alt="" />
                                        <div class="layer"></div>
                                        <div class="slide-left">
                                            <h2>“百分数与小数的互化”教学反思</h2>
                                            <p>《百分数与小数的互化》这节课是在学生掌握了分数与小数的互化、百分数的初步认识基础上进行教学的...</p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <a class="pv" href="javascript:void(0)"></a>
                            <a class="st" href="javascript:void(0)"></a>
                        </div>
                    </div>
                </div>
                <div class="reletiveNews">
                    <div class="newsTitle"><i></i>相关新闻</div>
                    <div class="news clearfix">
                        <ul>
                            <li><a href="#" target="_blank">小精灵儿童网“速算24”手机应用</a><span><i></i>2017-07-12</span></li>
                            <li><a href="#" target="_blank">儿童双语伊索寓言 两口锅</a><span><i></i>2017-07-12</span></li>
                            <li><a href="#" target="_blank">葫芦娃大战奥特曼 第六集《地球的危机》</a><span><i></i>2017-07-12</span></li>
                        </ul>
                        <ul>
                            <li><a href="#" target="_blank">小精灵儿童网“速算24”手机应用</a><span><i></i>2017-07-12</span></li>
                            <li><a href="#" target="_blank">儿童双语伊索寓言 两口锅</a><span><i></i>2017-07-12</span></li>
                            <li><a href="#" target="_blank">葫芦娃大战奥特曼 第六集《地球的危机》</a><span><i></i>2017-07-12</span></li>
                        </ul>
                        <ul>
                            <li><a href="#" target="_blank">小精灵儿童网“速算24”手机应用</a><span><i></i>2017-07-12</span></li>
                            <li><a href="#" target="_blank">儿童双语伊索寓言 两口锅</a><span><i></i>2017-07-12</span></li>
                            <li><a href="#" target="_blank">葫芦娃大战奥特曼 第六集《地球的危机》</a><span><i></i>2017-07-12</span></li>
                        </ul>
                    </div>
                </div>
                <div class="decorate4"></div>
                <div class="decorate5"></div>
                <div class="decorate6"></div>
            </div>
            <div class="section5">
                <div class="decorate3"></div>
                <div class="title">
                    <h1>系列活动介绍</h1>
                    <p>activity&nbsp;introduction</p>
                </div>
                <div class="activity">
                    <p>儿童的健康成长，关乎国家与民族的未来，每位家长都希望自己的孩子能够健康成长。可是，谈起儿童健康就会联想到室内环境污染问题。我们的孩子平均有90%的时间在室内，而65%的时间都会在家中。小孩比成年人更容易受到室内空气污染的危害。</p>
                    <p>儿童的健康成长，关乎国家与民族的未来，每位家长都希望自己的孩子能够健康成长。可是，谈起儿童健康就会联想到室内环境污染问题。我们的孩子平均有90%的时间在室内，而65%的时间都会在家中。小孩比成年人更容易受到室内空气污染的危害。</p>
                </div>
            </div>
            <div class="section6">
                <div class="event">
                    <div class="event_pic">
                        <div class="hds">
                            <ul>
                                <li class="ons"><a>保罗&nbsp;•&nbsp;克鲁格曼&nbsp;2009中国奇迹与广东创新</a></li>
                                <li><a>克里斯托弗&nbsp;•&nbsp;皮萨里德斯&nbsp;2011全球经济与中国方向</a></li>
                                <li><a>穆罕默德&nbsp;•&nbsp;尤努斯&nbsp;2012小额贷款与社会企业国际论坛</a></li>
                                <li><a>埃尔文&nbsp;•&nbsp;罗斯&nbsp;2013市场设计与中国机会</a></li>
                                <li><a>拉尔斯&nbsp;•&nbsp;汉森&nbsp;2014金融改革创新与风险防范</a></li>
                                <li><a>让&nbsp;•&nbsp;梯若尔&nbsp;2015创新的市场力量—中国经济新常态下的市场驱动新路径</a></li>
                                <li><a>安格斯&nbsp;•&nbsp;迪顿&nbsp;2016消费蜕变下的悬念与机遇——备战未来，寻找中国企业发展新动能</a></li>
                            </ul>
                        </div>
                        <div class="bds">
                            <ul>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                                <li><a><img src="{{ asset('statics/images//topic-img/icon_pic.jpg') }}" alt="" /><div class="layers"></div></a></li>
                            </ul>
                            <div class="title">
                                <h1>往届回顾</h1>
                                <p>past&nbsp;events</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section7">
                <div class="title">
                    <h1>关注我们&nbsp;获取更多</h1>
                    <p>follow&nbsp;us</p>
                </div>
                <div class="media clearfix">
                    <div class="public">
                        <img src="{{ asset('statics/images/topic-img/yuetong.png') }}" alt="乐童APP" />
                        <p>乐童APP</p>
                    </div>
                    <div class="public">
                        <img src="{{ asset('statics/images/topic-img/star.png') }}" alt="星星亮微信公众号" />
                        <p>星星亮微信公众号</p>
                    </div>
                </div>
            </div>
            <div class="section8">
                <div class="articals">
                    <span>主办单位：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals">
                    <span>承办单位：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals">
                    <span>独家总冠名：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals">
                    <span>战略合作伙伴：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals">
                    <span>支持单位：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals">
                    <span>合作媒体：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals">
                    <span>信息平台：</span>
                    <a><img src="" alt="" /></a>
                    <a><img src="" alt="" /></a>
                </div>
                <div class="articals"><span>联系方式：</span><span class="location">广州珠江新城华利路19号远洋明珠大厦4楼&nbsp;TEL：020-37592667&nbsp;FAX：020-37591459</span></div>
            </div>
            <div id="top">
                <a id="scroll" href="#top" class="backtop"></a>
            </div>
        </div>
    </div>
@stop

@section('script')
    <script type="text/javascript" src="{{ asset('statics/js/jquery.SuperSlide.2.1.1.js') }}"></script>
    <script type="text/javascript">
        $(".slider_pic").slide({
            mainCell:".bd ul",
            autoPlay:true,
            trigger:"click",
            effect:"fade",
            titCell:".hd li",
            titOnClassName:"on",
            prevCell:'.pv',
            nextCell:'.st'
        });
        $(document).ready(function(){
            $("#scroll").hide();
            $(function () {
                $(window).scroll(function(){
                    if ($(window).scrollTop()>200){
                        $("#scroll").fadeIn(300);
                    }
                    else{
                        $("#scroll").fadeOut(300);
                    }
                });
                $("#scroll").click(function(){
                    $('body,html').animate({scrollTop:0},500);
                    return false;
                });
            });
        });
        $(".event_pic").slide({
            mainCell:".bds ul",
            autoPlay:true,
            trigger:"click",
            effect:"fade",
            titCell:".hds li",
            titOnClassName:"ons",
            startFun:function(i,c){
                $(".hds a").css("display","none");
                $($(".hds li")[i]).find("a").css("display","block");
            }
        });
    </script>
@stop